{% extends "home/home.html" %}
{% block content %}
<div class="row">
    <div class="col-md-4 col-md-offset-4">
        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title"><span class="glyphicon glyphicon-plus"></span>&nbsp;会员注册</h3>
            </div>
            <div class="panel-body">
                <form role="form" method="post" novalidate>
                    <fieldset>
                        <div class="form-group">
                            <label for="input_name"><span class="glyphicon glyphicon-user"></span>&nbsp;昵称</label>
                            {% for err in form.name.errors %}
                            <label style="color: red;">{{err}}</label>
                            {% endfor %}

                            {{form.name}}
                        </div>
                        <div class="col-md-12" id="error_name"></div>
                        <div class="form-group">
                            <label for="input_email"><span class="glyphicon glyphicon-envelope"></span>&nbsp;邮箱</label>
                            {% for err in form.email.errors %}
                            <label style="color: red;">{{err}}</label>
                            {% endfor %}

                            {{form.email}}
                        </div>
                        <div class="col-md-12" id="error_email"></div>
                        <div class="form-group">
                            <label for="input_phone"><span class="glyphicon glyphicon-phone"></span>&nbsp;手机</label>
                            {% for err in form.phone.errors %}
                            <label style="color: red;">{{err}}</label>
                            {% endfor %}

                            {{form.phone}}
                        </div>
                        <div class="col-md-12" id="error_phone"></div>
                        <div class="form-group">
                            <label for="input_password"><span class="glyphicon glyphicon-lock"></span>&nbsp;密码</label>
                            {% for err in form.pwd.errors %}
                            <label style="color: red;">{{err}}</label>
                            {% endfor %}

                            {{form.pwd}}
                        </div>
                        <div class="col-md-12" id="error_password"></div>
                        <div class="form-group">
                            <label for="input_repassword"><span
                                    class="glyphicon glyphicon-lock"></span>&nbsp;确认密码</label>
                            {% for err in form.re_pwd.errors %}
                            <label style="color: red;">{{err}}</label>
                            {% endfor %}

                            {{form.re_pwd}}
                        </div>
                        <div class="col-md-12" id="error_repassword"></div>
                        {{form.csrf_token}}
                        {{form.submit}}
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}